/*
* 1. id选择器: (#id),类选择器: (.id),元素选择器: (input),属性选择器: (a[href])
* 2、通配选择器 *
* 3、多个选择器逗号分隔,例: #selector1,#selector2
* 4、后代选择器 form div
* 5、子元素选择器 form > div
* 6、相邻兄弟选择器 form + div
* 7、伪类选择器 
* 		a:link {color: #FF0000}		未访问的链接 
*		a:visited {color: #00FF00}	已访问的链接 
*		a:hover {color: #FF00FF}	鼠标移动到链接上 
*		a:active {color: #0000FF}	选定的链接 
* 
* */

/* 固定宽度 */
.fixedWidth,
input[type=text],
input[type=password],
select,
textarea {
    width: 270px;
    height: 40px;
}

/* 按钮美化*/
input[type=button] {
    width: 270px;
    height: 40px;
    /* 边框宽度 */
    border-width: 0px;
    /* 边框半径 */
    border-radius: 3px;
    /* 背景颜色 */
    background: #1E90FF;
    /* 鼠标移入按钮范围时出现手势 */
    cursor: pointer;
    /* 不显示轮廓线 */
    outline: none;
    /* 设置字体 */
    font-family: Microsoft YaHei;
    /* 字体颜色 */
    color: white;
    /* 字体大小 */
    font-size: 17px;
    /* top边距 */
    margin-top: 1%;
}

/* 鼠标移入按钮范围时改变颜色*/
input[type=button]:hover {
    background: #5599FF;
}

/*自动生成表单数据样式*/
.myFormData {
    border: 1px solid rgb(205, 208, 212);
    width: 25%;
    text-align: right;
    margin: 1%;
}
.myFormData div {
    margin-top: 5%;
}
.myFormData div>label {
    width: 50px;
}
.myFormData div>input {
    height: 34px;
    border: 1px solid #d5d5d5;
}

/*自动生成行数据样式*/
.myDivData {
    /*弹性布局*/
    display: flex;
    height: auto;
    border: 1px solid rgb(205, 208, 212);
}
.myDivData div {
    border: 1px solid rgb(205, 208, 212);
    float: left;
    width: 500px;
    margin: 1%;
}